<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<style type="text/css">
			body {
				background-color: rgba(0,0,0,0);
			}
			
			.bk{
				transform:rotate(90deg);
				-ms-transform:rotate(90deg); /* Internet Explorer */
				-moz-transform:rotate(90deg); /* Firefox */
				-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
				-o-transform:rotate(90deg); /* Opera */
			}
		</style>
	</head>
	<body class="">
		<div class="bk" style="position:absolute;top: 2.5rem;right: -1.2rem;">
			<div style="margin-left:0.2rem; font-size:0.6rem;color:#FFFFFF">
				连接状态：<span id = "connect_status">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			</div>
		</div>
		<div class="bk" style="position:absolute;bottom: 0.2rem;right:0.2rem;">
			<img id="btn_exit_live" class="aui-img-round" src="../image/exit_live.png" style="margin-right:0.2rem; width:1.5rem"/>
		</div>
		<div class="bk" style="position:absolute;left: 0.75rem;top: 50%;margin-top: -1rem;">
			<img id="btn_start_live" class="aui-img-round" src="../image/start_live.png" style="margin:auto; width:2rem"/>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/api-extends-app.js"></script>
	<script type="text/javascript" id="appinit" data-baseurl="../script" src="../script/libs/require.js"></script>
	<script type="text/javascript">
		apiready = function() {
			appinit();
			api.parseTapmode();
		};
	</script>
</html>